@charset "utf-8";
/* CSS Document */

body { font-family: "微软雅黑", "宋体", Arial; font-size:12px; color:#303030; height:100%; overflow:hidden;}
html, legend { color:#303030; background:#fff; height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
em, i { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
h1 { font-size:20px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
.floatl { float:left; }
.floatr { float:right; }
.clearfix:after { content:''; display:block; height:0; clear:both; visibility: hidden; }
.clear { clear:both; height:0; overflow:hidden }
.nipad { margin:0 auto; background:#9a9a9a url("../images/nipad-bg.gif") top repeat-x; position:relative;}
.nipadMainL { height:533px; float:left; }
.ppt,.video,.ask,.charpter{display:table; height:100%; width: 100%;}
.ppt > div,.video > div ,.ask > div, .ask > ul,.charpter > div { display:table-row;}
.ask{}
.nipadTop { height:47px; }
.nipadTop img { float:left; margin-left:30px; }
.nipadTop h1 { float:left; margin-left:20px; padding:13px 0 0px; }
.title { height: 24px; background: url("../images/nipad-bluet1.png") no-repeat scroll left 0 transparent; }
.titleR { background: url("../images/nipad-bluet3.png") no-repeat scroll right 0 transparent; height: 24px; }
.titleM { background: url("../images/nipad-bluet2.png") repeat-x scroll 0 0 transparent; height: 24px; margin: 0 7px; font-size: 14px; font-weight: bold; line-height: 24px; padding-left:10px; }
.pptCnt, .videoCnt, .charpterCnt, .ask2Cnt,.msgCnt,.voteCnt { background: url("../images/nipad-bluemid1.png") repeat-y scroll left 0 transparent; height:100%; }
.pptCntR, .videoCntR, .charpterCntR, .ask2CntR,.msgCntR,.voteCntR { background: url("../images/nipad-bluemid3.png") repeat-y scroll right 0 transparent; height:100%}
.pptCntM, .videoCntM, .charpterCntM, .ask2CntM,.msgCntM,.voteCntM { background: none repeat scroll 0 0 #EFEFEF; margin: 0 5px 0 3px; height:100%;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.pptCntR {display:table-cell; height:100%;}
.videoCntM {/*width:320px; height: 240px;*/ position:relative; _font-size:0px; background-color:#000; overflow:hidden;}
.charpterName { float:left; font-size:16px; }
.charpterTime { float:right; padding-top:2px; }
.charpterCntM ol { padding:7px 2px; }
.charpterCntM ol li { overflow:hidden; padding:7px 3px; border-bottom:1px solid #CCC; list-style-type:decimal; color:#9B9B9B; }
.charpterCntM ol li.current { background-color:#656565; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; }
.pptBtm, .videoBtm, .ask2Btm,.msgBtm,.voteBtm{ background: url("../images/nipad-blueb1.png") no-repeat scroll left 0 transparent; height:6px; }
.pptBtmR, .videoBtmR, .ask2BtmR ,.msgBtmR,.voteBtmR{ background: url("../images/nipad-blueb3.png") no-repeat scroll right 0 transparent; }
.pptBtmM, .videoBtmM, .ask2BtmM ,.msgBtmM,.voteBtmM{ background: url("../images/nipad-blueb2.png") repeat-x scroll 0 0 transparent; height:6px; margin: 0 10px 0 7px; _font-size:0px; }
.play { position:absolute; /*top:86px; left:126px;*/ display:block; width:68px; height:68px; background:url("../images/play.png") no-repeat; left:50%; top:50%; margin-left:-34px; margin-top:-34px;}
.askTab{ overflow:hidden; height: 32px;}
.askTab1, .askTab2,.askTab2 b,.askCurrent1 .askTab2,.askCurrent1 .askTab2 b,.askCurrent2 .askTab1{ height:32px; background:url("../images/nipad-asktabbg.png") no-repeat; display:block; }
.askTab1{ background-position:left top; padding-left:8px;}
.askTab2{ background-position:right -70px; padding-right:8px;}
.askTab2 b{background-position:left -70px;}
.askCurrent1 .askTab2{background-position:right -110px; padding-right:8px;}
.askCurrent1 .askTab2 b{background-position:left -110px;}
.askCurrent2 .askTab1{background-position:left -35px; padding-left:8px;}
.askCurrent1 .askTab1, .askCurrent2 .askTab2 { color:#303030; }
.askCurrent2 .askTab1, .askCurrent1 .askTab2 { color: #797979; }
.askTab li { float:left; line-height:32px; width:50%; font-size:14px; text-align:center; position:relative; }
.num { background:url("../images/nipad-asktbtn.png") no-repeat; display: inline; width:29px; height:22px; position: absolute; top:5px; right:15px; color:#fff; line-height:18px; }
.askCurrent1 .askCnt1, .askCurrent2 .askCnt2 { display:block; height:100%; }
.askCurrent1 .askCnt2, .askCurrent2 .askCnt1 { display:none; }
.askCnt{ height:100%;}
.message{ position:absolute; }
.msgCntM { height:205px; padding:10px 5px; }
.msgPrompt{ font-size:15px; color:#9b9b9b;}
.msgInput{ margin:10px 0;}
.msgInput .email{ margin-bottom:10px;}
.msgInput .email input{ height:35px; width:290px;font-size:16px; color:#C7C7C7;border-radius:2px; border:1px solid #9B9B9B;}
.msgInput .msgtext{margin-bottom:10px;}
.msgInput .msgtext textarea{ width:286px; height:85px; padding:2px;font-size:16px; color:#C7C7C7;border-radius:2px; border:1px solid #9B9B9B;}
.msgCntM .btn input{ height:30px; width:292px; background:url("../images/msgBtn.png") no-repeat -1px -1px; border:1px solid #d5d5d5;border-radius:2px; cursor:pointer;}
.ask2 { position:absolute; }
.ask2CntM { height:185px; padding:20px 0; }
.askCntMi { background: url("../images/nipad-askmid1.png") repeat-y scroll left 0 transparent; height:100%; }
.askCntR { background: url("../images/nipad-askmid3.png") repeat-y scroll right 0 transparent; height:100%;}
.askCntM { background: none repeat scroll 0 0 #EEF7FE; margin:0 7px 0 7px; padding-top: 10px; height:100%;overflow-y: auto; -webkit-overflow-scrolling: touch;}
.systemSmg{ color:#F00; border-bottom: 1px solid #B9C5D9; margin: 0 10px 10px;padding-bottom: 10px; overflow:hidden;}
.systemSmg dt{ float:left; background:url("../images/systemmsg.png") no-repeat; padding-left: 20px; font-weight:bold;}
.systemSmg dd{}
.askCntM dl.askList { border-bottom: 1px solid #B9C5D9; min-height:70px; margin: 0 10px 10px; }
.ask2CntM dl.askList { border-bottom: 1px solid #B9C5D9; height: 70px; margin: 0 10px 15px; padding-bottom: 10px; }
.askCntM dl.askList dd, .ask2CntM dl.askList dd { min-height:28px; margin-bottom: 10px; padding-left:35px; line-height:1.3em; }
.askCntM dl.askList dd.q, .ask2CntM dl.askList dd.q { background: url("../images/nipad-askq.png") no-repeat scroll left center transparent; }
.askCntM dl.askList dd.a, .ask2CntM dl.askList dd.a { background: url("../images/nipad-aska.png") no-repeat scroll left center transparent; }
.askBtm { background: url("../images/nipad-askb1.png") no-repeat scroll left 0 transparent; }
.askBtmR { background: url("../images/nipad-askb3.png") no-repeat scroll right 0 transparent; position: relative; }
.askBtmM { background: url("../images/nipad-askb2.png") repeat-x scroll 0 0 transparent; height: 90px; margin:0 11px 0 10px; *margin:0 5px; position:relative;}
.askBtmM input.askinput { color: #797979; height: 32px; line-height:32px\9; padding:0 5px;  border:none;  width:100%; outline:none;}
.askBtmM input.askbtn{ height:33px; width:55px; position:absolute;bottom:3px; right:3px; background:url("../images/askBtn.png") no-repeat;border-radius:2px; border:none;}
.nipadBtm { margin: 0 auto; background: url("../images/btnbg1.png") no-repeat scroll left bottom transparent; }
.nipadBtmM { background: url("../images/btnbg2.png") repeat-x scroll center bottom transparent; margin:0 13px; }
.nipadBtmR { background: url("../images/btnbg3.png") no-repeat scroll right bottom transparent; }
.nipad-about, .nipad-about-cur, .nipadb-a1, .nipadb-a2, .nipadb-a3, .nipadb-a4, .nipadb-a5, .nipadb-a1-cur, .nipadb-a2-cur, .nipadb-a3-cur, .nipadb-a4-cur, .nipadb-a5-cur { display:block; float:left; width:70px; height:60px; margin-left:5px; }
.nipad-about, .nipad-about-cur { background: url("../images/about.png") no-repeat scroll 0 0 transparent; height: 45px; width: 40px; }
.nipad-about-cur { background-position: 0px -45px; }
.nipadb-a1, .nipadb-a2, .nipadb-a3, .nipadb-a4, .nipadb-a5, .nipadb-a1-cur, .nipadb-a2-cur, .nipadb-a3-cur, .nipadb-a4-cur, .nipadb-a5-cur { background:url("../images/nipad-btn1.png"); }
.nipadb-a1 { background-position: -5px -118px; }
.nipadb-a2 { background-position: -85px -118px; }
.nipadb-a3 { background-position: -245px -118px; }
.nipadb-a4 { background-position: -165px -118px; }
.nipadb-a5 { background-position: -325px -118px; }
.nipadb-a1-cur { background-position:-5px -59px; }
.nipadb-a2-cur { background-position:-85px -59px; }
.nipadb-a3-cur { background-position:-245px -59px; }
.nipadb-a4-cur { background-position: -165px -59px; }
.nipadb-a5-cur { background-position: -325px -59px; }
.control{ float:left; background:url("../images/controlbg.png"); width:159px; height:38px; display:block; }
.control .left,.control .play2,.control .right{ float:left; display:block; background:url("../images/control.png"); width:38px; height:38px; margin-left:12px;}
.control .left{ background-position:0 0;}
.control .play2{ background-position:-38px 0;}
.control .right{background-position:-76px 0;}
.askinputbtm{padding-right: 10px; margin-right: 65px; height:36px;}

/*弹出层、遮盖层*/
.coverLayer{ width:100%; height:100%; background-color:#000; opacity:0.5; position:absolute; top:0; left:0; z-index:1000;}
#ipad-tx { width:380px; height:204px; margin:0 auto;}
#ipad-txt { width:380px; height:29px; }
#ipad-txt1 { width:4px; height:29px; float:left; background: url(../images/ipad_txtitlebg1.png) no-repeat; }
#ipad-txt2 { width:372px; height:29px; background:url(../images/ipad_txtitlebg2.png) repeat-x; float:left; position:relative; }
#ipad-txt2 input { background:url(../images/ipad_txtitlebgclose.png) no-repeat; position:absolute; right:5px; width:25px; height:29px; border:0; cursor:pointer; }
#ipad-txt3 { width:4px; height:29px; background:url(../images/ipad_txtitlebg3.png) no-repeat; float:left; }
#ipad-txc { width:380px; height:175px; }
#ipad-txc1 { background:url(../images/ipad_txcbg1.png) no-repeat; width:4px; height:175px; float:left; }
#ipad-txc2 { background:url(../images/ipad_txcbg2.png) repeat-x; width:372px; height:175px; float:left;  display:table; }
#ipad-txpic { width:220px; margin:0 auto; padding: 0 15px; text-align:center; font-size:16px; display:table-cell; vertical-align:middle;}
#ipad-txc3 { background:url(../images/ipad_txcbg3.png) no-repeat; width:4px; height:175px; float:left; }
.popDiv{ position:absolute; z-index:1001; left:50%; top:50%; margin-left:-190px; margin-top:-102px;}

/*未推送的问题*/
.askCntM dl.unPush{ color:#797979; min-height:40px;}
.sign{ text-align:right; font-size:10px;}

/*投票问答*/
.vote,.voteResult{ position:absolute;}
.vote .title{position:relative;}
.voteCntM{ background-color:#fff;}
.voteclose,.votemin{position:absolute; right:10px; top:0px; text-decoration:none; color:#fff; display:block; width:20px; text-align:center; height:20px;}
.voteclose:hover,.votemin:hover{color:#333;}
.votemin{right:40px;font-size:14px;} 
.toupiao,.diaocha{ padding:10px; background-color:#fff; border-bottom:1px dotted #dadada;}
.toupiao h3,.diaocha h3{ background:url(../images/toupiao.png) no-repeat; min-height:22px; line-height:22px; padding-left:30px;}
.toupiaoCnt{ padding:10px 0px 10px 10px; line-height:30px;}
.toupiaoCnt input{ vertical-align:middle;} 
.rightans{ color:#F00;}
.diaocha{}
.diaocha h3{ background:url(../images/diaocha.png) no-repeat;}
.diaochaCnt{ padding:10px;}
.diaochaCnt .txt{ width:100%; resize:none; border:1px solid #dadada; height:80px;}
.votebtn{ text-align:center; padding:10px 0;}
.tpbtn{ background:url(../images/tpbtn.png); width:80px; height:28px; line-height:28px; color:#fff; border:none;}
.toupiaoCnt li{ overflow: hidden; line-height:24px;}
.toupiaoCnt table{ float:left; margin-top:8px;}
.toupiaoCnt span{ padding-left:6px; float:left;width: 348px;}
.toupiaoCnt span em{ float:left; width:60px;}
.toupiaoCnt span strong{width:283px;float: left; padding-left:5px;}
.toupiaoCnt .correctFlag{float:none;}

.vote{ width:600px; height:400px;left:50%; top:50%; margin-left:-300px; margin-top:-200px;}
.voteResult{ width:550px; height:350px; left:50%; top:50%; margin-left:-275px; margin-top:-175px;}
/*最小化及还原窗口*/
.toMin{ }
.winListShow{ width:200px; position:absolute; right:10px; bottom:72px; background-color:#f9f9f9; cursor:pointer;border-radius:5px;padding:5px; -webkit-box-shadow:2px 2px 2px #333; -moz-box-shadow:2px 2px 2px #333; border:1px solid #eaeaea; border-bottom:none; display:none;}
.winListShow em{ display:none; position:absolute;right:10px; bottom:-15px; background:url(../images/arrows.png); height:15px; width:25px;}
.winListShow li{ height:50px; line-height:50px; text-align:center; border-bottom:1px dotted #dadada; font-size:14px; padding:0 5px; overflow:hidden; white-space:nowrap; }
.winListShow li.current{ background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(32,124,202,1) 50%, rgba(41,137,216,1) 50%, rgba(125,185,232,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(32,124,202,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(100%,rgba(125,185,232,1))); color:#fff; border-radius:5px;}
.minBtn{ width:56px; height:56px; background:url(../images/resetbtn.png); position:absolute; right:5px; bottom:5px;cursor:pointer; }
.green{color:#2D7951;}
.showAfter{display:none;}

/*私聊*/
.askiptwrap{ border:1px solid #cbd7e6; border-radius:3px; min-height:70px; width:100%; background-color:#fff; position:absolute; bottom:12px;left:-1px;}
.choose-bar{border:1px solid #e0e0e0; border-radius:3px; margin:3px;background-color:#eef7fe;-webkit-box-shadow:inset 1px -3px 5px #e9e9e9; -moz-box-shadow:inset 1px -3px 5px #e9e9e9; position:relative;}
.choose-bar h3{ height:30px; line-height:30px; padding-left:40px;background:url(../images/role-icon.png) no-repeat 5px top #e1f0fc; border-bottom:1px solid #dadada;-webkit-box-shadow:0px 1px 3px #e9e9e9; -moz-box-shadow:0px 1px 3px #e9e9e9; cursor:pointer;}
.roleList{ padding:0 15px; display:none;}
.roleList li{ height:30px; line-height:30px; cursor:pointer; background:url(../images/role-icon.png) no-repeat 5px top; padding-left:35px; border-bottom:1px dotted #dadada;}
.roleList li.current{background-position:0 -30px; font-weight:bold;}
.askiptwrap em{ display:block; background:url(../images/arrows-list.png) no-repeat; width:13px; height:12px; position:absolute; top:7px; right:10px;}
.askiptwrap em.rotate{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);}
.choose-bar .role-all{ background-position:0 -90px;}
.choose-bar .role-adm{ background-position:0 -60px;}
.choose-bar h3.role-all{ background-position:5px -90px;}
.choose-bar h3.role-adm{ background-position:5px -60px;}
.roleList li.role-now{ background-position:0 -30px;}
.roleList li.role-all-now{ background-position:0 0;}
.chatMsg{ border-bottom: 1px solid #B9C5D9; margin: 0 10px 10px;padding-bottom: 10px; overflow:hidden;}

/*点名dialog*/
.callNames{ width:470px; height:130px; border:1px solid #000; position:absolute; z-index:1001; background-color:#fff; left:50%;top:50%; margin-left:-236px; margin-top:-66px;}
.callNames h3{ height:28px; line-height:28px; background-color:#AAD2F3; padding-left:10px;}
.callNamesCnt { overflow:hidden;}
.callNamesCnt .floatl{ width:380px; text-align:center; padding-top:25px;}
.callNamesCnt .floatl .sec{ color:#FF0000;}
.callNamesCnt .floatl p{ padding-bottom:10px;}
.callNamesCnt .floatr{ width:90px;padding-top:18px;}
.callNamesBtn{ background:url(../images/callNamesBtn.png); width:75px; height:65px; border:1px solid #ccc; text-indent:-999px; overflow:hidden; cursor:pointer; }

.divToFull{ z-index:1000;}







